<template>
    <div>
        <a-card
        style="width:100%"
        :bordered="false"
        :tab-list="tabList"
        :active-tab-key="key"
        @tabChange="key => onTabChange(key, 'key')"
        >
        <slot name="navigation"></slot>
        </a-card>
    </div>
</template>

<script>
export default {
    props:{
            tabList:Array,
            // required: true
        },
    data() {
        return {
      key: 'tab1',
                };
            },
  methods: {
    onTabChange(key, type) {
      console.log(key, type);
      this.$emit("onTabChange", key);
      this[type] = key;
    },
  },
    }
</script>

<style lang="less" scoped>

</style>